<template>
  <ul>
        <li v-for="L in List" :key="L.id">
            <router-link :to="{
                    name:'Detail',
                    query:{
                        title:L.title,
                    }
                }" active-class="active1">
                    {{L.title}}
                
            </router-link>
        </li>
  </ul>

</template>

<script>
export default {
    name:'List',
    data() {
        return {
            List:[
                {id:'001',title:'吃饭'},
                {id:'002',title:'睡觉'},
                {id:'003',title:'学Vue'}
            ]
        }
    },

}
</script>

<style>

    li{
        list-style: none;
    }
</style>